<script setup lang="ts">
import { useSidebarStore } from '@/windows/layoutBrowser/stores/sidebar'
import SidebarLayoutItem from './SidebarLayoutItem.vue'

const sidebarStore = useSidebarStore()
</script>

<template>
  <div v-if="sidebarStore.currentSidebars.length > 0" class="layout-sidebar d-flex">
    <SidebarLayoutItem
      v-for="tab in sidebarStore.currentSidebars"
      :key="tab.id"
      class="flex-0-0"
      :tab="tab"
    />
  </div>
</template>

<style scoped></style>
